.m {
  border-bottom: .2rem solid #F7F7F7;

  .m {
    &-heading {}

    &-title {
      text-align : center;
      font-size  : 0.5rem;
      padding    : .3rem 0 .1rem;
      font-weight: bold;
    }

    &-desc {
      font-size     : 0.26rem;
      line-height   : 0.42rem;
      color         : #666666;
      width         : 6.54rem;
      margin        : 0 auto;
      padding-bottom: .34rem;
    }

    &-body {

      .video {
        width           : 6.8rem;
        height          : 3.6rem;
        background-color: #202020;
        margin          : 0 auto;
        text-align      : center;
        margin-bottom   : .7rem;
      }

      .particular-client {
        margin-bottom: .2rem;

        img {
          width: 100%;
        }
      }
    }
  }
}

.home-absorbed {
  .m {
    &-heading {}

    &-title {}

    &-body {
      text-align: center;
    }
  }
}

a:hover {
  color: #000000;
}

a:active {
  color: #0b45ac;
}

.container {
  padding-left : .2rem !important;
  padding-right: .2rem !important;
}

#swiper1 {
  .swiper-slide {
    height: 8rem;
  }
}

#swiper2 {
  .swiper-slide {
    height: 7rem;
  }
}

.home-product {
  .m {
    &-heading {}


    &-title {}

    &-body {
      .menu {
        margin         : -.15/2rem;
        margin-bottom  : .44rem;
        display        : flex;
        flex-wrap      : wrap;
        justify-content: center;

        &-item {
          margin          : .15/2rem;
          width           : 31.0%;
          line-height     : 0.7rem;
          background-color: #0b45ac;

          a {

            color          : #F7F7F7;
            display        : block;
            text-align     : center;
            text-decoration: none;
          }
        }
      }

      .product-list {
        margin-bottom: .5rem;

        .col-7 .product-list-item {
          img {
            margin-bottom: .2rem;
          }

          .text {
            font-size  : 0.24rem;
            line-height: 0.36rem;
            color      : #666666;
          }
        }

        &-item {
          img {
            margin-bottom: 0.05rem;
          }

          .caption2 {
            height          : 0.6rem;
            line-height     : 0.6rem;
            background-color: #5d636d;
            font-size       : 0.26rem;
            text-align      : center;
            color           : #fefefe;
            margin-bottom   : .1rem;
          }
        }
      }

      /*   */
      .classification {
        margin          : 0 -.2rem;
        height          : 0.7rem;
        line-height     : 0.7rem;
        background-color: #0b45ac;
        text-align      : center;
        color           : #FFF;
      }

      .classification-content {
        margin-top: .2rem;

        .cla-left {
          float: left;

          .lef-items {
            .lef-item {
              text-align      : center;
              font-size       : .26rem;
              line-height     : .55rem;
              padding         : 0 .15rem;
              background-color: #f7f7f7;
              color           : #666666;
              border-bottom   : 2px solid #EDEDED;

              &:first-child {
                border-top: 2px solid #EDEDED;
              }
            }
          }
        }
      }

      .cla-right {
        // overflow: hidden;
        float      : left;
        width      : 5.5rem;
        margin-left: .1rem;

        .cla-right-content {
          .rig-items {
            display  : flex;
            flex-wrap: wrap;

            .rig-item {
              position   : relative;
              flex       : 48%;
              margin-left: 2%;

              &:nth-child(3),
              &:nth-child(4) {
                margin-top: .15rem;

              }

              img {
                width     : 100%;
                // opacity: .5;
              }

              span {
                position        : absolute;
                background-color: rgba(112, 117, 126, .5);
                width           : 100%;
                color           : #ffffff;
                left            : 50%;
                bottom          : 0;
                text-align      : center;
                transform       : translateX(-50%);
              }
            }
          }
        }
      }

      /*   */
    }
  }
}

.font-mark {
  .font-items {
    display            : flex;
    background         : url(../images/line.png) no-repeat;
    background-size    : 80% .02rem;
    background-position: 50%;

    .b-current {
      background-color: #2265dc !important;
      color           : #ffffff;

      img {
        filter: brightness(100) !important;
      }
    }

    .font-item {
      flex: 1;

      div {
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
        width           : 1.44rem;
        height          : 1.44rem;
        border-radius   : 50%;
        border          : 1px solid #2265dc;
        background-color: #ffffff;
        font-size       : .26rem;

        img {
          filter    : brightness(0);
          max-height: .4rem;
        }

        // span:first-child {
        //   font-size : .5rem;
        //   max-height: .6rem;
        // }
      }

      padding-right : .2rem;

    }
  }
}

a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

  -webkit-user-select: none;

  -moz-user-focus: none;

  -moz-user-select: none;
}

.t-current {
  background-color: #ffffff !important;
  color           : #333333 !important;
  border-left     : .08rem solid #e37c05;
}

.change-r {
  display        : flex;
  justify-content: center;

  .r-current {
    width       : .42rem;
    border-color: #0b45ac;
  }

  ul {
    li {
      float        : left;
      border       : .1rem solid #8c8f9b;
      border-radius: 9999px;
      margin-left  : .2rem;
    }
  }
}

/*  */
.m-case {
  .m {
    &-heading {}

    &-title {}

    &-body {
      max-width: 100%;
      overflow: hidden;
      .more {
        margin       : 0 auto;
        display      : block;
        width        : 3.76rem;
        line-height  : 0.61rem;
        border-radius: 0.31rem;
        border       : solid 0.03rem #0b45ac;
        font-size    : 0.24rem;
        color        : #0b45ac;
        text-align   : center;
      }

      .particulars-items {
        // width: 1000%;
        // display: flex;
        // flex-wrap: nowrap;
        // overflow : hidden;
        white-space: nowrap;
        overflow   : auto;

        .particulars-item {
          // float        : left;
          display      : inline-block;
          width        : 2.7rem;
          margin-bottom: .24/1.5rem;
          margin-right : .2rem;

          .particular-img {
            height       : 3.333333/1.5rem;
            margin-bottom: .04/1.5rem;

            img {
              width : 100%;
              height: 100%;
            }
          }

          .particular-name {
            height          : 0.6rem;
            line-height     : 0.6rem;
            background-color: #5d636d;
            text-align      : center;
            font-size       : 0.23rem;
            color           : #fefefe;
          }
        }
      }
    }
  }
}

/*  */
.m-news {
  .m {
    &-heading {}

    &-title {}

    &-body {
      .more {
        margin       : 0 auto;
        display      : block;
        width        : 3.76rem;
        line-height  : 0.61rem;
        border-radius: 0.31rem;
        border       : solid 0.03rem #0b45ac;
        font-size    : 0.24rem;
        color        : #0b45ac;
        text-align   : center;
      }

      .product-category {
        li {
          position        : relative;
          float           : left;
          display         : flex;
          justify-content : center;
          align-items     : center;
          width           : 32%;
          height          : .933333/1.5rem;
          margin-top      : .2/1.5rem;
          margin-right    : .2/1.5rem;
          border-right    : 1px solid #ffffff;
          background-color: #0b45ac;

          &:nth-child(3n) {
            margin-right: 0;
          }

          a {
            position: absolute;
            top     : 0;
            left    : 0;
            width   : 100%;
            height  : 100%;
            z-index : 2;
          }

          span {
            font-size: .346667/1.5rem;
            color    : #fefefe;
          }
        }
      }

      .news-content {
        // padding: 0 .48/1.5rem;


        .news-content-items {
          .news-content-item {
            overflow        : hidden;
            display         : flex;
            height          : 1.866667/1.5rem;
            margin          : .213333/1.5rem 0;
            background-color: #f1f1f1;

            .item-left {
              display        : flex;
              flex-direction : column;
              justify-content: center;
              text-align     : center;
              margin         : 0 .2/1.5rem;

              .item-left-day {
                font-size: .8/1.5rem;
                color    : #333333;
              }

              .item-left-month {
                font-size: .293333/1.5rem;
                color    : #666666;
              }
            }

            .item-right {
              position   : relative;
              margin-left: .2/1.5rem;

              a {
                position: absolute;
                top     : 0;
                left    : 0;
                width   : 100%;
                height  : 100%;
                z-index : 2;
              }

              h3 {
                width      : 80%;
                font-size  : .32/1.5rem;
                margin-top : .4/1.5rem;
                line-height: .56/1.5rem;
                color      : #333333;
              }

              .item-text {
                white-space: nowrap;
                font-size  : .32/1.5rem;

                span:first-child {
                  width: 80%;
                  color: #666666;
                }

                span:last-child {
                  color: #0b45ac;
                }
              }
            }
          }
        }
      }
    }


  }
}

// }
// 
#homeSwiper2{
  .swiper-container{
    width: 100%;
    height: 5.73rem * 1.6; // 430px;
  }
  .swiper-slide {
        text-align: center;
        font-size: 12px;
        background: #fff;
        height: calc((100% - 10px ) / 2);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
}
